<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link href="../css/timeline.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../js/me/modernizr.js"></script>
    <script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
    <script src="../js/bootstrap.js"></script>
</head>
<body>
<header>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown"><a href="../index.html" target="_blank" class="f14">返回首页</a></li>
                    <li class="dropdown"><a href="../templates/me.html" class="f14"><i class="glyphicon glyphicon-sunglasses mr5"></i>我的大事记</a></li>
                    <li class="dropdown"><a href="../templates/personal.html" class="f14"><i class="glyphicon glyphicon-subtitles mr5"></i>个人介绍</a></li>
                    <li><div class="myhome"><a href="javascript:;"><img src="http://www.jq22.com/tx/18.png" alt=""></a></div></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="pr">
        <img src="../images/p_bannar.jpg" style="min-height: 250px" alt="">
    </div>
</header>

<section>
    <div class="home-information-wrap">
        <div class="home-information-box">
            <div class="information-headimg-box">
                <img src="../images/me.jpg" alt="" style="width: 180px;height: 180px;">
            </div>
        </div>
        <div class="information-content-wrap text-center">
            <p class="people-nick-name">
                叶锡添
            </p>
            <p class="user-background">
                广州 | web前端
            </p>
        </div>
    </div>
    <div class="container-fluid text-center">
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-10">
                <h3>基本信息</h3>
                <p>Basic information</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-xs-4 text-right c-666 f16">年龄</div>
            <div class="col-md-6 col-xs-6 text-left c-666 f16">24岁</div>
        </div>
        <div class="row mt10">
            <div class="col-md-6 col-xs-4 text-right c-666 f16">学历</div>
            <div class="col-md-6 col-xs-6 text-left c-666 f16">本科</div>
        </div>
        <div class="row mt10">
            <div class="col-md-6 col-xs-4 text-right c-666 f16">家乡</div>
            <div class="col-md-6 col-xs-6 text-left c-666 f16">江门蓬江区</div>
        </div>
        <div class="row mt10">
            <div class="col-md-6 col-xs-4 text-right c-666 f16">现居</div>
            <div class="col-md-6 col-xs-6 text-left c-666 f16">广州白云</div>
        </div>
        <div class="row mt10">
            <div class="col-md-6 col-xs-4 text-right c-666 f16">职业</div>
            <div class="col-md-6 col-xs-6 text-left c-666 f16">IT | web前端</div>
        </div>
        <div class="row mt10">
            <div class="col-md-6 col-xs-4 text-right c-666 f16">邮箱</div>
            <div class="col-md-6 col-xs-6 text-left c-666 f16">13611425187@163.com</div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-10">
                <h3>业余爱好</h3>
                <p>My hobbies</p>
            </div>
        </div>
        <div class="row mt10">
            <div class="col-md-6 col-xs-4 text-right c-666 f16">邮箱</div>
            <div class="col-md-6 col-xs-6 text-left c-666 f16">13611425187@163.com</div>
        </div>
    </div>
</section> <!-- cd-timeline -->

<script>
    $(function(){

    });
</script>

</body>
</html>